<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>员工职位信息</title>
    <link rel="shortcut icon" href="../img/mld.ico" />

    <link rel="stylesheet" href="../css/layui/css/layui.css">
    <script src="../css/layui/layui.js"></script>
    <script src="../js/layer/layer.js"></script>
    <script src="../js/JQuery/jquery-3.6.0.js"></script>


    <style>
        body{
            user-select: none;
        }
        div{
            overflow-x: auto;
            text-align: center;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
        table{
            /* 删除双边框 */
            border-collapse: collapse;
            width: 600px;
            height: 200px;
        }
        tr{
            border-bottom: 1px solid #eeeeee;
        }
        .td_background{
            background-color: #FAFAFA;
        }

    </style>
</head>
<body>
    <div>
        <table>
            <tr>
                <td class="td_background">姓名</td>
                <td id="ename"></td>
                <td class="td_background">部门</td>
                <td id="department_name"></td>
            </tr>
            <tr>
                <td class="td_background">小组</td>
                <td id="group_name"></td>
                <td class="td_background">职位</td>
                <td id="current_position"></td>
            </tr>
            <tr>
                <td class="td_background">工作时间</td>
                <td id="working_time"></td>
                <td class="td_background">任职时间</td>
                <td id="employment_time"></td>
            </tr>
        </table>
    </div>

</body>
</html>